{{!
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
}}

<div class="ic-Dashboard-header__layout">
<h1 class="ic-Dashboard-header__title">{{#t}}Dashboard{{/t}}</h1>
<div class="ic-Dashboard-header__actions">

{{#planner_enabled}}
    <div
      id="dashboard-planner-header"
      class="CanvasPlanner__HeaderContainer"
      style={{ display: (this.props.planner_selected) ? 'block' : 'none' }}
    />
{{/planner_enabled}}

{{#menu_enabled}}
  <div id="DashboardOptionsMenu_Container">
    <DashboardOptionsMenu
      recent_activity_dashboard={this.props.recent_activity_dashboard}
      hide_dashcard_color_overlays={this.props.hide_dashcard_color_overlays}
      planner_enabled={this.props.planner_enabled}
      planner_selected={this.props.planner_selected}
      onDashboardChange={(newDashboard) => {
	this.setState({ currentDashboard: newDashboard }, function afterDashboardChange () {
	  if (this.state.currentDashboard === 'planner') {
	    document.body.classList.add('dashboard-is-planner');
	  } else if (document.body.classList.contains('dashboard-is-planner')) {
	    document.body.classList.remove('dashboard-is-planner');
	  }
	});
      }}
    />
  </div>
{{/menu_enabled}}
</div>
</div>

